<template>
  <section class="SidebarFooter">
    <a href="####" target="_blank" class="foot-item">RZ</a>
    <span class="footer-dot"></span>

    <a href="####" target="_blank" class="footer-item">Fake指南</a>
    <span class="footer-dot"></span>

    <a href="####" target="_blank" class="footer-item">Fake协议</a>
    <span class="footer-dot"></span>

    <a href="####" target="_blank" class="footer-item">知乎隐私保护指引</a>
    <span class="footer-dot"></span>

    <a href="####" target="_blank" class="footer-item">应用</a>
    <span class="footer-dot"></span>

    <a href="####" target="_blank" class="footer-item">工作</a>
    <span class="footer-dot"></span>
    <a href="####" target="_blank" class="footer-item">侵权举报</a>
    <span class="">&copy; 2021 fakezhihu</span>

  </section>
</template>

<script>
export default {
  name: 'SidebarFooter',
  data() {
    return {

    }
  },
  components: {},
  watch: {},
  mounted() {},
  methods: {}
}
</script>

<style lang="scss" scope>
.SidebarFooter .footer-item{
    a{
        font-size: 12px;
        color: #8590a6;
    }
 .footer-dot{
     display: inline-block;
     width: 0;
     height: 0;
     border: 2px solid #8590a6;
     border-radius: 2px;
     vertical-align: middle;
     margin: 0 15px;
    }
}
   
</style>


